<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/jquery.calculator.css">
<link rel="stylesheet" type="text/css" href="css/custom-theme/jquery-ui-1.7.2.custom.css">
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.calculator.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<title>MoneyBook</title>
</head>
<body>
<div id="top">

</div>
<div id="header">
	<span class="ui-state-highlight ui-corner-top header-menu header-menu-select">수입·지출</span>	
	<span class="ui-state-highlight ui-corner-top header-menu">보고서</span>
</div>
<div id="left" class="middle">
	<div id="left_calendar">		
		<div id="datepicker"></div>
	</div>
	<div id="left_month">
		<p>이달의 가계현황</p>
		<div><span>수입</span><span id="month_in">0</span></div>
		<div><span>지출</span><span id="month_out">0</span></div>
		<hr>
		<div><span>수입 - 지출</span><span id="month_sum">0</span></div>
	</div>
	<div id="left_calculator">
		<p>계산기</p>
		<input id="calculator" size="20" />
		<p style="color:orange; text-align: center;">클릭해!!</p>	
	</div>
	<div style="color:gray;font-size: 11px;">
		<ul style="text-align:left;list-style:circle inside;">
			<li>상단메뉴는?</li>
			<li>통계는?</li>
			<li></li>			
		</ul>
	</div>
</div>
<div id="left_hideBtn" class="middle"></div>
<div id="contents" class="middle">
	<div id="contents_wrap">		
		<div id="tabs">
			<div id="contents_period">
				<span id="contents_period_left" class="contents_period_move">〈 </span>
				<span id="contents_period_center">
					<span id="contents_period_first"></span>
					&nbsp;-&nbsp;
					<span id="contents_period_last"></span>
				</span>
				<span id="contents_period_right" class="contents_period_move"> 〉</span>
			</div>
			<ul>
				<li><a href="c?cmd=tabs&amp;tab=0"><span class="tab_title">지출</span></a></li>
				<li><a href="c?cmd=tabs&amp;tab=1"><span class="tab_title">수입</span></a></li>
				<li><a href="c?cmd=tabs&amp;tab=2"><span class="tab_title">저축</span></a></li>
			</ul>		
		</div>		
	</div>
</div>
<div id="footer">
	<span style="color: brown;">Apache Tomcat</span>
	<span style="color: green">MySQL</span>
	<span style="color: blue;">iBATIS</span>
	<span style="color: navy;">jQuery</span>		
</div>
<div id="del_dialog" title="정말로 삭제?" ></div>
<jsp:include page="/WEB-INF/jspf/celleditor.jsp" />
</body>
</html>